<template>
  <div>
    <router-link active-class="active" exact-active-class="exact" to="/myhome"
      >首页</router-link
    >
    <router-link active-class="active" exact-active-class="exact" to="/category"
      >分类</router-link
    >
    <router-link active-class="active" exact-active-class="exact" to="/myorder"
      >订单</router-link
    >
    <router-link active-class="active" exact-active-class="exact" to="/my"
      >我的</router-link
    >
    <div>
      <h4>显示路由切换的页面</h4>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scope>
a {
  margin: 0 10px;
}
.active {
  color: pink;
}
</style>